<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="万坤">
    <title></title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/home.css">
    <style>

    </style>
</head>

<body>
<!--导航条-->
    <div class=" nav navbar-fixed-top">
        <img src="img/16.jpg" class="mi">
        <input type="text" class="glyphicon glyphicon-search" name="" placeholder=" 万坤朋友名字搜索">
        <a href="">登录</a>
    </div>
      
       
            
             
     <banner>
             <!--3.轮播图-->
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="1500">
              <!-- Indicators -->
              <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                <li data-target="#carousel-example-generic" data-slide-to="4"></li>
            <li data-target="#carousel-example-generic" data-slide-to="5"></li>
               
              </ol>
         
              <!-- Wrapper for slides -->
              <div class="carousel-inner" role="listbox">
                <div class="item">
                  <img src="img/66.jpg"class="img">
                </div>
                <div class="item  active">
                  <img src="img/18.jpg " class="img">
                </div>
                <div class="item ">
                  <img src="img/13.jpg" class="img">
                </div>
                <div class="item">
                  <img src="img/15.jpg" class="img">
                </div>
                <div class="item ">
                  <img src="img/16.jpg" class="img">
               
              </div>
               <div class="item ">
                  <img src="img/20.jpg" class="img">
               
              </div>
            </div>
   

    <!--<div class="big-picture item"">
           <img src="4.jpg" class="big-1">
           <img src="6.jpg" class="big-1">
        </div>-->
    
        
            <nav class="navbar-brand"> 
                 
                <a class="image" href="#">
                    
                <img src="img/image/news.png" class="papar">
    
    
                   </a>
    
    
           <!--轮播小米介绍-->
    <div class="mi" id="carousel-example-generic" class="carousel slide" data-ride="carousel"  data-interval="1000">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner span" role="listbox">
            <div class="item active">
                <span >万坤</span>
                <div class="carousel-caption"> 
                </div>
            </div>
            <div class="item">
                <span >永恒</span>
                <div class="carousel-caption">
                </div>
            </div>
           
           <div class="item">
                <span >马丽</span>
                <div class="carousel-caption">
                </div>
            </div>
            <div class="item">
                <span >张瑞</span>
                <div class="carousel-caption">
                </div>
            </div>
        

        <!-- Controls -->
        <!--<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>-->
 
          
              
          
        
    </nav>      
        

    
  <!--明星分类-->
    <main id="main">
        <div class="font">
            <img src="img/66.jpg" class="one">
        </div>
        <div class="font-2">
            <img src="img/16.jpg" class="one">
                                 
        </div>   
        <img src="img/13.jpg" class="star">    
    </main>
    
   <!--广告图条-->
           <!--<a class="navbar navbar-fixed-bottom bank" href="#">              
               <span class="bank-1"></span>
               <img src="img/16.jpg" class="bank-2">               
           </a>-->

    <script src="bootstrap/js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
  <script src="js/home.js"></script>
</body>

</html>